{% extends "base.html" %}
{% from "_icones.html" import icone %}
{% block titulo %}{{ 'Editar cliente' if cliente.id else 'Novo cliente' }}{% endblock %}
{% block conteudo %}
<div class="topo">
  <div><h1>{{ 'Editar cliente' if cliente.id else 'Novo cliente' }}</h1><p>Com CNPJ, use “Buscar dados” para preencher automaticamente.</p></div>
  <div class="acoes"><a class="btn" href="{{ url_for('clientes') }}">Voltar</a></div>
</div>
<form class="cartao" method="post" id="form-cliente" data-avisar-saida>
  <div class="corpo"><div class="campos">
    <div class="secao-titulo">Identificação</div>
    <div class="c4"><label>CPF ou CNPJ</label>
      <div class="com-botao"><input name="documento" value="{{ cliente.documento|doc }}" required>
        <button class="btn" type="button" onclick="buscarCNPJ(this.form,'documento')">{{ icone('busca') }} Buscar dados</button></div></div>
    <div class="c8"><label>Nome / Razão social</label><input name="nome" value="{{ cliente.nome or '' }}" required maxlength="60"></div>
    <div class="c6"><label>Nome fantasia <span class="opc">(opcional)</span></label><input name="fantasia" value="{{ cliente.fantasia or '' }}"></div>
    <div class="c3"><label>Indicador de IE</label>
      <select name="ind_ie">
        <option value="1" {{ 'selected' if cliente.ind_ie == '1' }}>1 - Contribuinte ICMS</option>
        <option value="2" {{ 'selected' if cliente.ind_ie == '2' }}>2 - Contribuinte isento</option>
        <option value="9" {{ 'selected' if cliente.ind_ie in (None, '', '9') }}>9 - Não contribuinte</option>
      </select></div>
    <div class="c3"><label>Inscrição estadual</label>
      <div class="com-botao"><input name="ie" value="{{ cliente.ie or '' }}">
        <button class="btn" type="button" title="Conferir na SEFAZ se a IE está habilitada" onclick="conferirIE(this.form)">{{ icone('escudo') }} SEFAZ</button></div></div>
    {% if eh_cooperativa %}<div class="c12"><label class="check"><input type="checkbox" name="cooperado" value="1" {{ 'checked' if cliente.cooperado in (1, '1') }}>
      <span><b>Cooperado (associado da cooperativa)</b> — as notas para este cliente saem como <b>ato cooperativo</b>.</span></label></div>
    <div class="c4"><label>Matrícula do cooperado <span class="opc">(opcional)</span></label><input name="matricula" value="{{ cliente.matricula or '' }}" maxlength="30"></div>{% endif %}
    <div class="c8"><label>Categoria de produtos deste cliente <span class="opc">(tabela de preços)</span></label>
      <select name="grupo_id"><option value="">Nenhuma</option>
        {% for g in grupos %}<option value="{{ g.id }}" {{ 'selected' if cliente.grupo_id == g.id }}>{{ g.nome }} ({{ g.qtd }})</option>{% endfor %}</select>
      <div class="ajuda">Na nota deste cliente, a busca e o botão “Por grupo” mostram primeiro os produtos (e preços) desta categoria.</div></div>

    <div class="secao-titulo">Endereço</div>
    <div class="c3"><label>CEP</label><input name="cep" value="{{ cliente.cep or '' }}" onblur="buscarCEP(this.form)"></div>
    <div class="c7"><label>Logradouro</label><input name="logradouro" value="{{ cliente.logradouro or '' }}" maxlength="60"></div>
    <div class="c2"><label>Número</label><input name="numero" value="{{ cliente.numero or '' }}"></div>
    <div class="c4"><label>Complemento</label><input name="complemento" value="{{ cliente.complemento or '' }}"></div>
    <div class="c4"><label>Bairro</label><input name="bairro" value="{{ cliente.bairro or '' }}"></div>
    <div class="c2"><label>UF</label><select name="uf">{% for uf in UFS %}<option {{ 'selected' if (cliente.uf or cfg.uf or 'BA') == uf }}>{{ uf }}</option>{% endfor %}</select></div>
    <div class="c2 meio"><label>Município</label><input name="municipio" value="{{ cliente.municipio or '' }}"></div>

    <div class="secao-titulo">Contato</div>
    <div class="c4"><label>Telefone</label><input name="fone" value="{{ cliente.fone or '' }}"></div>
    <div class="c8"><label>E-mail <span class="opc">(sai no XML da nota)</span></label><input type="email" name="email" value="{{ cliente.email or '' }}"></div>
    <div class="c12"><label>Observações</label><textarea name="observacoes">{{ cliente.observacoes or '' }}</textarea></div>
  </div></div>
  <div class="rodape-form"><a class="btn" href="{{ url_for('clientes') }}">Cancelar</a><button class="btn prim">Salvar cliente</button></div>
</form>
{% endblock %}
{% block scripts %}
<script>
const f = $('#form-cliente');
ligarUfMunicipio(f.uf, f.municipio, 'lista-mun');
f.documento.addEventListener('blur', () => { f.documento.value = formataDoc(f.documento.value); });
</script>
{% endblock %}